<!--注册页面-->
<%@ include file="../common/top.jsp" %>

<div id="Catalog">
    <form action="newAccount" method="post">
        <h3>User Information</h3>
        <c:if test="${sessionScope.messageAccount!=null}">
            <p><font color="red">${sessionScope.messageAccount}</font></p>
        </c:if>


        <table>
            <tr>
                <td>User ID:</td>
                <td>
                    <input type="text" id="username" name="username">
                    <img id="right_username"style="display:none"src="./images/right.jpg" width="15" height="15">
                    <img id="wrong_username"style="display:none"src="./images/wrong.jpg"width="15" height="15">
                    <div id="usernameAvailability"></div>
                </td>

            </tr>
            <tr>
                <td>New password:</td>
                <td>
                    <input type="text" id="password" name="password">
                    <img id="right_password"style="display:none"src="./images/right.jpg" width="15" height="15">
                    <img id="wrong_password"style="display:none"src="./images/wrong.jpg"width="15" height="15">
                    <div class="gradebox" id="passbox">
                        <div class="grade all" id="one">&#x5F31;</div>
                        <div class="grade all" id="two">&#x4E2D;</div>
                        <div class="grade all" id="three">&#x5F3A;</div>
                        <div class="grade" id="four">&#x5F88;&#x5F3A;</div>
                    </div>
                    <div id="passwordAvailability"></div>
                </td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td>
                    <input type="text" id="repeatedPassword" name="repeatedPassword">
                    <img id="right_repeatedPassword"style="display:none"src="./images/right.jpg" width="15" height="15">
                    <img id="wrong_repeatedPassword"style="display:none"src="./images/wrong.jpg"width="15" height="15">
                    <div id="repeatedPasswordAvailability"></div>
                </td>
            </tr>
        </table>

        <%@ include file="includeAccountFileds.jsp" %>

        <input type="submit" name="account" value="Save Account Information">
    </form>
</div>
<script src="./js/Account/checkAvailability.js"></script>

<%@ include file="../common/bottom.jsp" %>
